<template>
 <div>
   <div>
      <!--页面提示-->
     <div class="crumbs">
       <el-breadcrumb>
         <el-breadcrumb-item>
           <i class="el-icon-s-order"></i> 委托
         </el-breadcrumb-item>
         <el-breadcrumb-item>买入</el-breadcrumb-item>
       </el-breadcrumb>
     </div>

     <el-card class="container">
      <el-row >
        <!-- 委托组件       -->
        <el-col :span="12">
          <OrderWidget :direction="0"></OrderWidget>
        </el-col>
        <!--  订单簿组件      -->
        <el-col :span="12">
          <order-book></order-book>
        </el-col>
      </el-row>
       <post-list></post-list>
     </el-card>


   </div>

 </div>
</template>

<script>
    import OrderWidget from "../components/OrderWidget";
    import PostList from "../components/PostList";
    import OrderBook from "../components/OrderBook";
    export default {
        name: "Buy",
        components:{
          OrderWidget,
          PostList,
          OrderBook
        }
    }
</script>

<style scoped>

</style>